import { useParent } from "../common/relation";
import { VantComponent } from "../common/component";
VantComponent({
	relation: useParent("tabs"),
	props: {
		dot: {
			type: Boolean,
			observer: "update"
		},
		info: {
			type: null,
			observer: "update"
		},
		title: {
			type: String,
			observer: "update"
		},
		disabled: {
			type: Boolean,
			observer: "update"
		},
		titleStyle: {
			type: String,
			observer: "update"
		},
		name: {
			type: null,
			value: ""
		}
	},
	data: {
		active: false
	},
	methods: {
		getComputedName() {
			if (this.data.name !== "") {
				return this.data.name;
			}
			return this.index;
		},
		updateRender(active, parent) {
			const { data: parentData } = parent;
			this.inited = this.inited || active;
			this.setData({
				active,
				shouldRender: this.inited || !parentData.lazyRender,
				shouldShow: active || parentData.animated
			});
		},
		update() {
			if (this.parent) {
				this.parent.updateTabs();
			}
		}
	}
});
